<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
	</head>

	<body>
		<style>
			div {
				position: absolute;
				width: 50.37037037037037%;
				/* w3 = w/v*u 其中 w = 544，v = 1080 */
				height: 7.395833333333333%;
				/* h3 = h/g*f 其中 h = 142，g = 1920 */
				background: url(http://ui.qzone.com/544x142) no-repeat;
				/* 背景图做元素 */
				background-size: cover;
				left: 25.64814814814815%;
				/* x3 = x/v*u 其中 x = 277， v = 1080 */
				top: 78.02083333333333%;
				/* y3 = y/g*f 其中 y = 1498， g = 1920 */
				background-position-x: -48.34558823529412%;
				/* o = (x - m*v)/w 其中 m = .5 ， v = 1080，x = 277，w = 544*/
				background-position-y: 378.8732394366197%;
				/* p = (y - n*g)/h 其中 n = .5 ， g = 1920，y = 1498，h = 142*/
				background-color: dodgerblue;
			}
		</style>
		<div></div>
		<!-- 容器 -->
	</body>

</html>